<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Theme Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap theme -->
    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/style3.css" />

    <!-- Custom styles for this template -->
    <!-- <link href="theme.css" rel="stylesheet"> -->
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,300italic,700' rel='stylesheet' type='text/css'>
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body role="document">

    <!-- Fixed navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Bootstrap theme</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

  <div class="container" style="margin-top:50px">
    <div class="col-md-12">
      
        
      
      <section class="ff-container">
      
        <input id="select-type-all" name="radio-set-1" type="radio" class="ff-selector-type-all" checked="checked" />
        <label for="select-type-all" class="ff-label-type-all">All</label>
        
        <input id="select-type-1" name="radio-set-1" type="radio" class="ff-selector-type-1" />
        <label for="select-type-1" class="ff-label-type-1">Web Design</label>
        
        <input id="select-type-2" name="radio-set-1" type="radio" class="ff-selector-type-2" />
        <label for="select-type-2" class="ff-label-type-2">Illustration</label>
        
        <input id="select-type-3" name="radio-set-1" type="radio" class="ff-selector-type-3" />
        <label for="select-type-3" class="ff-label-type-3">Icon Design</label>
        
        <div class="clr"></div>
        
        <ul class="ff-items">
          <li class="ff-item-type-2">
            <a href="http://dribbble.com/shots/366400-Chameleon">
              <span>Chameleon</span>
              <img src="images/1.jpg" />
            </a>
          </li>
          <li class="ff-item-type-1">
            <a href="http://dribbble.com/shots/272575-Tutorials-wip-">
              <span>Tutorials (wip)</span>
              <img src="images/2.jpg" />
            </a>
          </li>
          <li class="ff-item-type-2">
            <a href="http://dribbble.com/shots/372566-Flower">
              <span>Flower</span>
              <img src="images/3.jpg" />
            </a>
          </li>
          <li class="ff-item-type-1">
            <a href="http://dribbble.com/shots/138484-Symplas-website">
              <span>Symplas website</span>
              <img src="images/4.jpg" />
            </a>
          </li>
          <li class="ff-item-type-3">
            <a href="http://dribbble.com/shots/134868-TRON-Mobile-ver-">
              <span>TRON: Mobile version</span>
              <img src="images/5.jpg" />
            </a>
          </li>
          <li class="ff-item-type-2">
            <a href="http://dribbble.com/shots/347197-Cake">
              <span>Cake</span>
              <img src="images/6.jpg" />
            </a>
          </li>
          <li class="ff-item-type-1">
            <a href="http://dribbble.com/shots/186199-Tailoring-accessories">
              <span>Tailoring accessories</span>
              <img src="images/7.jpg" />
            </a>
          </li>
          <li class="ff-item-type-3">
            <a href="http://dribbble.com/shots/133859-App-icon">
              <span>App icon</span>
              <img src="images/8.jpg" />
            </a>
          </li>
          <li class="ff-item-type-1">
            <a href="http://dribbble.com/shots/188524-Event-Planning">
              <span>Event Planning</span>
              <img src="images/9.jpg" />
            </a>
          </li>
        </ul>
      </section>
        </div>

    </div>
  </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <script src="../../assets/js/docs.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>

